<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style>
		.demo {
			background-color: orange;
		}
	</style>
</head>

<body>
	<button id="btn">点我创建一个输入框</button>

	<!-- 纯js原生写法 -->
	<script type="text/javascript">
		const btn = document.getElementById('btn')
		btn.onclick = () => {
			// 创建输入框
			const input = document.createElement('input')

			// 设置输入框属性
			input.className = 'demo'
			input.value = 99
			input.onclick = () => { alert(1) }

			// 将输入框放入页面
			document.body.appendChild(input)

			// 获取焦点，注意执行的时机
			input.focus()
			// input.parentElement.style.backgroundColor = 'skyblue'
			console.log(input.parentElement)

		}
	</script>
</body>

</html>